<template>
    <div>
        <h1>正在进行--------{{getMes.length}}</h1>

        <p v-for="v in getMes" :key="v.id">
            <input type="checkbox" :checked="v.isFnish" @change="change(v.id)">
      {{ v.mes }}
      
      <button @click="dele(v)">删除</button>
    </p>
    </div>
</template>
<script>
export default {
    name:"Doing", 
    computed: {
    getMes() {
      return this.$store.getters.getDoing;
    },
  },
  data() {
    return {
      
      
    }
  },
   methods: {
    change(v){
        this.$store.commit("changes",v);
    },
    dele(v){
    this.$store.commit("dele",v);
    console.log("yes")
}
},

}
</script>
<style scoped>

</style>
